<template>
	<!-- 注意: 微信小程序中, 组件中不允许使用标签选择器 -->
	<view class="go-top" @click="go">
		<uni-icons type="arrow-up" size="60rpx" color="#fff"></uni-icons>
	</view>
</template>

<script>
	export default {
		name:"XzGoTop",
		methods: {
			go() {
				// 返回页面顶部
				uni.pageScrollTo({
					scrollTop:0,	//滚动到页面顶部的位置
					duration:200,	//滚动动画耗时多久
				})
			}
		},
	}
</script>

<!-- uni-app中所有的组件/页面中编写的样式都是只针对当前组件生效的 -->
<!-- 即uni-app中scoped可以省略 -->
<style lang="scss">
.go-top{
	position: fixed;
	bottom: $uni-spacing-col-lg * 7;
	right: $uni-spacing-row-base;
	background-color: #ffc05f;
	border-radius: $uni-border-radius-circle;
	opacity: 0.7;
	&:active{
		opacity: 1;
	}
}
</style>